<%@page import="com.yc.weixin.util.WeixinbasicKey"%>
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
		<script type="text/javascript" src="../js/jquery.page.js"></script>
		<style type="text/css">
			* {
				padding: 0px;
				margin: auto 0px;
			}
			
			body {
				background: #EFEFF4;
			}
			
			article {
				margin-top: -1px;
			}
			
			.image img {
				width: 100%;
				height: 200px;
			}
			
		/* 	.news_list {
				margin-top: 20px;
			} */
						*{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.tcdPageCode{padding: 15px 20px;text-align: left;text-align:center;}
.tcdPageCode a{display: none;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 4px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 4px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
	
		</style>
	</head>

	<body>
		<article>
			<div class="image">
				<img  id="headPic"  src="">
			</div>
			<div class="news_list">
				<ul class="mui-table-view">
					<!--<li class="mui-table-view-cell mui-hidden">cared
						<div id="M_Toggle" class="mui-switch mui-active">
							<div class="mui-switch-handle"></div>
						</div>
					</li>-->
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161114/1-161114123G1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>11-09市长李翔到我校视察工作</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161114/1-161114124248.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>11-09副市长马力来我校调研</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161104/1-161104215325.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>11-02我校传达学习党的十八届六中全会精神</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161028/1-16102Q22323.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>我校校党总支扎实开展主题党日活动</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161025/1-161025160335.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>10-22我校圆满完成大坝办第八选区人大换届选举投票工作</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161016/1-161016214022.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>10-13十堰中职学校职工羽毛球、乒乓球比赛在我市落幕</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/161008/1-16100Q64U6.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>09-27我校举行国防知识图片展</p>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media">
						<a href="#">
							<img class="mui-media-object mui-pull-left" src="http://djkzj.com/uploads/allimg/160924/1-1609241AA1.jpg">
							<div class="mui-media-body">
								<p class='mui-ellipsis'>09-23重温入党誓词 做合格教师</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</article>
		<footer>
			<div class="mui-content-padded">
			<!-- 	<ul class="mui-pager">
					<li>
						<a href="#">
							上一页
						</a>
					</li>
					<li>
						<>
					</li>
					<li>
						<a href="#">
							下一页
						</a>
					</li>
				</ul> -->
				<div class="tcdPageCode"></div>
			</div>
		</footer>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
	
			$(function(){

				$.get("/article/xw/findInit.do",{page:1,rows:6},function(data){
					$("#headPic").attr("src",data.tUrl);
					var str="";
					 $.each(data.rows,function(index,item){
								 str+='<li class="mui-table-view-cell mui-media">';
									 str+='<a href="/article/'+item.aid+'/showmore.do">';
									 str+='<img class="mui-media-object mui-pull-left" src="'+item.picUrl+'"><div class="mui-media-body">';
									 str+='<p class="mui-ellipsis">'+item.title+'</p></div></a></li>';
			        	   });
			        	   $(".news_list ul").html( $(str) );
					$(".tcdPageCode").createPage({
						pageCount:data.total%6==0?data.total/6:Math.floor((data.total/6+1)),
						current:1,
						backFn:function(p){
							//单击回调方法，p是当前页码
							$.get("/article/xw/findArticleBypage.do",{page:p,rows:6},function(data1){
								var str1="";
								 $.each(data1,function(index,item){
											 str1+='<li class="mui-table-view-cell mui-media">';
												 str1+='<a href="/article/'+item.aid+'/showmore.do">';
												 str1+='<img class="mui-media-object mui-pull-left" src="'+item.picUrl+'"><div class="mui-media-body">';
												 str1+='<p class="mui-ellipsis">'+item.title+'</p></div></a></li>';
						        	   });
						        	   $(".news_list ul").html( $(str1) );
							},"json")
						}
					});
				},"json")
			});
		</script>
	</body>

</html>
